import { useState } from 'react'
import './App.css'

function App() {
  // react 不能直接操作DOM,因为性能差 v8引擎->渲染引擎
  // react 借鉴了DOM 0 行内的写法
  // react event 并不是原生事件，而是合成事件，react 会对事件进行封装
  // onClick 不是onclick  不是字符串，而是事件函数绑定
  const handleClick = (e) => {
    // 事件模块是项目,框架的核心部分
    // console.log(e);// SyntheticBaseEvent 合成事件
    // console.log(e.nativeEvent);// 原生事件
    // 事件代理 #root（挂载点）+ 唯一值 所以叫做合成事件
    console.log('立即访问',e.type);
    setTimeout(() => {
      console.log('延迟访问',e.type);
    },2000)
  }
  return (
    <>
      <button onClick={handleClick}>click</button>
    </>
  )
}

export default App
